<template>
  <div class="category">
    <h4>{{ title }}</h4>

    <!-- 默认插槽 只有当没有传递过来东西才会读取slot中的文字 这里是挖坑，你那边要传入萝卜才可以，给这里填坑-->
    <slot>默认插槽</slot>
  </div>
</template>

<script lang="ts" setup>
  defineProps(['title'])
</script>

<style scoped>
  .category {
    background-color: skyblue;
    border-radius: .625rem;
    box-shadow: 0 0 .625rem;
    padding: .625rem;
    width: 12.5rem;
    height: 18.75rem;
  }

  h4 {
    background-color: orange;
    text-align: center;
  }
</style>